<template>
  <div class="">
    parent
    <hr />
    <Child name="张顺" :foods="foods" @pay="getValue" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import Child from './10-Child.vue'
const foods = ref(['麻辣烫', '猪脚饭', '螺蛳粉'])

const getValue = val => {
  console.log('---parent---', val)
}
</script>

<style scoped></style>
